@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #161614;
	-webkit-text-size-adjust: none;
	background-color: #fff;
	min-width: 1200px;
	overflow-x:hidden;
	outline:none;
}
ul, h2, h3, p, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-weight:normal;
}
li {
	list-style: none;
}
img {
	border: none;
}
a {
	font-size: 14px;
	color: #161614;
	text-decoration: none;
}
a:hover {
	color: #0ec5a1;
}
.clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
/*清除浮动代码*/
.clearfloat:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}
.clearfloat {
	zoom: 1
}
.fc, .fc a {
	color: #e70010;
}
.hidden {
	display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*头部*/
#header {
	width: 100%;
	position: relative;
	height: 80px;
	background: #29374a;
	z-index:9999;
	border-bottom: 1px solid #2A3E5C;
}
#top {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
#top #logo {
	float: left;
	width: 238px;
	padding-top: 13px;
}
#top #logo img {
	width: 184px;
	height: 58px;
	overflow: hidden;
}
#nav {
	width: 730px;
	float: left;
	height: 80px;
}
#nav li {
	float: left;
	position: relative;
	margin-right: 23px;
	position:relative;
}
#nav li.li2 {
}
#nav li.li2 .li_a1{
	position:absolute;
	top:80px;
	left:-78px;
	width:880px;
	height:310px;
	background:#1D2B40;
	display:none;
	border-right:none;
	border:1px solid #2A3E5C;
}
#nav li.li2 .li_a2{
	position:absolute;
	top:80px;
	left:-25px;
	width:114px;
	background:#1D2B40;
	display:none;
	z-index:9999;
	padding:10px 0;
}
#nav li.li2:hover .li_a2{
	display:block;
}
#nav li.li2 .li_a2 dd{
	height:35px;
	line-height:35px;
	text-indent:25px;
}
#nav li.li2:hover .li_a1{
	display:block;
}
#nav li.li2 .li_a1 dl{
	width:219px;
	height:310px;
	float:left;
	border-right:1px solid #2A3E5C;
}
#nav li.li2 .li_a1 dt{
	line-height:50px;
	text-indent:24px;
	color:#fff;
	font-weight:bold;
	padding-top:24px;
}
#nav li.li2 .li_a1 dt img{
	position:relative;
	top:10px;
	margin-right:10px;
}
#nav li.li2 .li_a1 dd{
	height:35px;
	line-height:35px;
	text-indent:60px;
	background:url(../images/PC_19.png) no-repeat 48px center;
}
#nav li.li2 .li_a1 dd a,#nav li.li2 .li_a2 dd a{
	line-height:35px;
	font-size:14px;
	color:#aaa;
	border:none;
	outline: none;
}
#nav li.li2 .li_a1 dd a,#nav li.li2 .li_a2 dd a:focus{outline: none}
#nav li.li2 .li_a1 dd:hover{
	background:url(../images/PC_16.png) no-repeat 48px center;
}
#nav li.li2 .li_a1 dd a:hover,#nav li.li2 .li_a2 dd a:hover{
	color:#00dfb9;
}

#nav li a {
	color: #fff;
	line-height: 78px;
	border-bottom: 2px solid #29374a;
	font-size: 16px;
    display: block;
}
#nav li a:hover {
	border-bottom: 2px solid #00DFB9;
	color: #00DFB9;
}
#nav li:hover a{
	border-bottom: 2px solid #00DFB9;
	color: #00DFB9;
}
.nav-line {
	color: #999999;
    margin-top: 30px;
}
.top_r {
	width: 230px;
	line-height: 80px;
	float: right;
	color: #60727B;
	text-align: right;
}
.top_r a {
	color: #fff;
	font-size: 14px;
}
.top_r a:hover{
	color: #0ec5a1;
	font-size: 14px;
}
.top_r a:nth-of-type(1) {
	background: url(../images/ico2.png) no-repeat left center;
	padding: 0 10px 0 26px;
}
.top_r a:nth-of-type(2) {
	background: url(../images/ico3.png) no-repeat left center;
	padding: 0 0 0 25px;
}
.top_r a:nth-of-type(3) {
	margin: 0 10px;
	border: 1px solid #00DFB9;
	color: #00DFB9;
	line-height: 14px;
	border-radius: 3px;
	display: inline-block;
	padding: 5px 8px;
}
/*banner*/
.slideBox {
	width: 100%;
	height: 440px;
	position: relative;
	overflow: hidden;
}
.slideBox .hd {
	z-index: 1;
	position: absolute;
	width: 52%;
	right: 0;
	bottom: 10px;
}
.slideBox .hd ul {
	overflow: hidden;
	height: 16px;
	overflow: hidden;
	display: inline-block;
}
.slideBox .hd li {
	width: 14px;
	margin-right: 14px;
	height: 14px;
	float: left;
	cursor: pointer;
	border-radius: 100%;
	border: 1px solid #fff;
	text-indent: -9999px;
}
.slideBox .hd li.on {
	background: #fff;
}
.slideBox .bd {
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	width: 100%;
	height: 440px;
	float: left;
}
.slideBox .bd li a {
	height: 500px;
	display: block;
	text-indent: -9999px;
}
.index_text {
	width: 100%;
	background: #191A5E;
	height: 110px;
}
.public_width {
	width: 1200px;
	margin: 0 auto;
}
.public_width h2{
	line-height:66px;
	text-align:center;
	font-size:35px;
}
.index_pad{
	padding-top:30px;
}
.index_text dl {
	width: 300px;
	float: left;
	height: 110px;
}
.index_text dt {
	width: 63px;
	height: 63px;
	float: left;
	margin-top: 25px;
}
.index_text dd {
	width: 230px;
	float: right;
	line-height: 14px;
	color: #aaa;
}
.index_text span {
	line-height: 44px;
	padding-top: 18px;
	display: block;
	color: #fff;
	font-size: 16px;
}
.index_bg{
	background:#EDF1F6;
}
/*产业互联网+*/
.index_piclist{
	padding-bottom:40px;
}
.index_piclist p{
	line-height:46px;
	color:#999;
	text-align:center;
	padding-bottom:26px;
	font-size:18px;
}
.index_piclist li{
	width:300px;
	height:350px;
	position:relative;
	float:left;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.index_piclist li dl{
	position:absolute;
	top:84px;
	left:0;
	width:300px;
	height:142px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	text-align:center;
}
.index_piclist li:hover dl{
	transform:translate(0,-30px);
	-webkit-transform:translate(0,-30px);
	-moz-transform:translate(0,-30px);
	-o-transform:translate(0,-30px);
	-ms-transform:translate(0,-30px);
}

.index_piclist li dt{
	position:relative;
}
.index_piclist li dt:before{
	position:absolute;
	top:95px;
	left:138px;
	width:25px;
	height:1px;
	background:#ccc;
	content:"";
}
.index_piclist li:hover dt:before {
	background:#fff;
}
.index_piclist li:hover dd{
	color:#fff;
}
.index_piclist li dt img{
	width:74px;
	height:74px;
	overflow:hidden;
}
.index_piclist li dt span{
	margin-top:38px;
	line-height:30px;
	display:block;
	color:#fff;
	font-size:24px;
}
.index_piclist li dd{
	line-height:64px;
	color:#aaaaaa;
}
.index_piclist li dd.dd2{
	width:128px;
	height:34px;
	line-height:34px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	margin:5px auto 0 auto;
	opacity:0;
}
.index_piclist li:hover dd.dd2{
	opacity:1;
}
.index_piclist li:before{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:350px;
	background:#000;
	opacity:0.7;
	content:"";
}
.index_piclist li:hover:before{
	background:#00DFB9;
}
/*新闻动态*/
.index_news{
	width:415px;
	float:left;
	margin:30px 0 39px 0;	
}
.index_news img{
	display:block;
	width:370px;
	height:166px;
	margin-bottom:7px;
	overflow:hidden;
}
.index_news strong{
	line-height:58px;
	display:block;
	font-size:20px;
}
.index_news span a{
	width:86px;
	height:33px;
	line-height:33px;
	text-align:center;
	color:#00dfb9;
	font-size:14px;
	display:block;
	border:1px solid #00DFB9;
    transition: all .3s;
	margin-top: 10px;
}
.index_news span a:hover{
    background: #0ec5a1;
	color:#fff;
    border:1px solid #0ec5a1;
}
.index_news li{
	width:280px;
	height:36px;
	padding-right:86px;
	overflow:hidden;
	line-height:36px;
	color:#aaa;
	position:relative;
}
.index_news li a{
	font-size:16px;
}
.index_news:nth-of-type(3){
	width:370px;
}
.index_news li span{
	position:absolute;
	top:0;
	right:0;
	color:#aaa;
}
/*为什么选择超博网络平台*/
.index_imglist{
	padding-top:10px;
}
.index_imglist p{
	text-align:center;
	line-height:28px;
	color:#999;
	font-size:16px;
	margin-bottom:40px;
}
.index_imglist .ul1{
	width:1155px;
	margin:0 auto;
}
.index_imglist .ul1 li{
	width:385px;
	height:222px;
	float:left;
	position:relative;
	text-align:center;
}
.index_imglist .ul1 li:before{
	position:absolute;
	top:0;
	left:130px;
	width:125px;
	height:125px;
	border-radius:100%;
	box-shadow:0 0 10px #E3E7EB;
	background:#fff;
	content:"";
}
.index_imglist .ul1 li img{
	width:100px;
	padding:12px 0;
	height:100px;
	position:relative;
	z-index:9999;
}
.index_imglist .ul1 span{
	display:block;
	line-height:78px;
	color:#666;
	font-size:16px;
}
.index_imglist .ul2{
	padding:36px 0 40px 0;
}
.index_imglist .ul2 li{
	width:242px;
	height:90px;
	float:left;
	overflow:hidden;
}
.index_imglist .ul2 li:nth-of-type(5n){
	width:230px;
}
.index_imglist .ul2 li img{
	width:228px;
	height:79px;
	border:1px solid #EBEBEB;
	overflow:hidden;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.index_imglist .ul2 li:hover img{
	transform: scale(1.05);
-ms-transform: scale(1.05);	/* IE 9 */
-webkit-transform: scale(1.05);	/* Safari 和 Chrome */
-o-transform: scale(1.05);	/* Opera */
-moz-transform: scale(1.05);
}
/*底部*/
.footext{
	height:110px;
	background:#00DFB9;
}
.footext p{
	line-height:110px;
    text-align: center;
	font-size:30px;
	color:#fff;
}
.footext a:nth-of-type(1){
	width:178px;
	height:46px;
	background:#fff;
	line-height:46px;
	border-radius:4px;
	text-indent:0;
	margin:0 15px;
	text-align:center;
	font-size:24px;
	color:#00dfb9;
	display:inline-block;
}
.footext a:nth-of-type(2){
	width:178px;
	height:46px;
	margin:0 15px;
	text-indent:0;
	display:inline-block;
	border:1px solid #fff;
	line-height:46px;
	border-radius:4px;
	text-align:center;
	font-size:24px;
	color:#fff;
}
#footer {
	background: #1B2B46;
	color: #8391a1;
	height: 300px;
	padding-top: 40px;
}
.foot_dl {
	width: 175px;
	padding-left: 105px;
	float: left;
	height: 244px;
	border-right: 1px solid #404B58;
}
.foot_dl dt {
	line-height: 16px;
	margin-bottom: 14px;
}
.foot_dl dt a {
	font-size: 16px;
	color: #fff;
}
.foot_dl dd {
	line-height: 36px;
}
.foot_dl:nth-of-type(1) {
	padding-left: 0px;
}
.foot_dl dd a {
	font-size: 14px;
	color: #aaa;
}
.foot_r {
	width: 376px;
	float: right;
}
.foot_r p{
	line-height:21px;
}
.foot_r p span{
	font-size:16px;
	color:#fff;
	padding-right:10px;
}
.foot_r .dl1{
	height:54px;
	padding-left:56px;
	width:260px;
	line-height:24px;
	font-size:24px;
	color:#00dfb9;
	margin-top:5px;
	background:url(../images/ico14.png) no-repeat left 4px;
}
.foot_r .dl2{
	width:138px;
	float:left;
	margin-top:4px;
}
.foot_r .dl2 dt{
	width:117px;
	height:117px;
	overflow:hidden;
}
.foot_r .dl2 dd{
	line-height:35px;
	font-size:12px;
}
#link {
	height: 50px;
	line-height: 50px;
	background: #E6E6E6;
}
#link p {
	width: 1200px;
	margin: 0 auto;
	color: #565656;
}
#link p a {
	padding: 0 12px;
	color: #666;
}
#bottom {
	width: 100%;
	padding: 15px 0;
	line-height: 25px;
}
#bottom p {
	line-height: 25px;
	text-align: center;
	color: #666;
}
#bottom p:nth-last-of-type(1) {
	margin-top: 10px;
}
/*商标智能查询注册：*/
.index_form{
	width:100%;
	border-bottom:1px solid #EDF1F6;	
	margin-top:30px;
	height:118px;
}
.index_form .form_sum{
	width:890px;
	height:72px;
	margin:0 auto;
	padding:46px 0 0 310px;
	position:relative;
}
.index_form span a{
	color:#ff0000;
	padding:0 20px;
}
.index_form .form_sum p{
	line-height:65px;
}
.index_form .form_sum strong{
	position:absolute;
	top:0;
	left:74px;
	line-height:46px;
	font-size:24px;
}
.index_form .form_sum .input{
	position:absolute;
	top:0;
	left:310px;
	width:590px;
	height:46px;
	background:#F1F1F1;
	border:none;
	font-size:16px;
	font-family:"微软雅黑";
	color:#aaaaaa;
	outline:none;
	padding-left:30px;
	border-radius:6px 0 0 6px;
}
.index_form .form_sum .search-btn{
	position:absolute;
	top:0;
	left:930px;
	border:none;
	cursor:pointer;
}
.index_form .form_sum .mar_l{
	margin-left:32px;
}
.h2_text{
	line-height:45px;
	text-align:center;
	padding-bottom:36px;
	font-size:18px;
	color:#999;
}
.index_sum_tit{
	width:100%;
	background:#fff;
	height:130px;
}
.index_sum_tit ul{
	width:1000px;
	height:130px;
	margin:0 auto;
}
.index_sum_tit .sd01{
	width:250px;
	height:50px;
	padding-top:80px;
	line-height:32px;
	float:left;
	position:relative;
	color:#00dfb9;
	cursor:pointer;
	text-align:center;
	font-size:18px;
}
.index_sum_tit .sd01:after{
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/line.png) no-repeat;
	width:250px;
	height:10px;	
	content:"";
}
.index_sum_tit li:nth-of-type(1){
	background:url(../images/ico27_b.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(1).sd01{
	background:url(../images/ico27.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(2).sd01{
	background:url(../images/ico28.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(3).sd01{
	background:url(../images/ico29.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(4).sd01{
	background:url(../images/ico30.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(2){
	background:url(../images/ico28_b.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(3){
	background:url(../images/ico29_a.png) no-repeat center top;
}
.index_sum_tit li:nth-of-type(4){
	background:url(../images/ico30_a.png) no-repeat center top;
}
.index_sum_tit .sd02{
	width:250px;
	height:50px;
	padding-top:80px;
	font-size:18px;
	line-height:32px;
	cursor:pointer;
	float:left;
	text-align:center;
}
.index_sum_block{
	width:1200px;
	padding-bottom:20px;
	margin:0 auto;
}
.index_sum_block dl{
	width:550px;
	background:#fff;
	margin-top:20px;
	padding-left:30px;
	float:left;
	padding-bottom:30px;
	position:relative;
}
.index_sum_block dl span>a{
	position:absolute;
	top:30px;
	right:30px;
	width:110px;
	height:36px;
	line-height:36px;
	text-align:center;
	background:#fff;
	border: 1px solid #00DFB9;
	color: #00DFB9 !important;
}
.index_sum_block dl span>a:hover{
	background:#00DFB9;
	color: #fff !important;
}
.index_sum_block dt{
	padding:15px 0 0 0;
	line-height:50px;
	font-size:20px;
	font-weight:bold;
}
.index_sum_block dt a{
	font-size:20px;
}
.index_sum_block dt a:hover{
	color:#ff6000;
}
.index_sum_block dd{
	width:490px;
	line-height:24px;
	color:#999;
}
.index_sum_block dd.dd2{
	height:48px;
}
.index_sum_block dd a{
	height:34px;
	line-height:34px;
	padding:0 16px;
	border:1px solid #cccccc;
	color:#999;
	display:inline-block;
	margin-right:10px;
	margin-top:5px;
}
.index_sum_block dd a:hover{
	border:1px solid #0ec5a1;
	color:#0ec5a1;
}
.index_sum_block dl:nth-of-type(2n){
	float:right;
}
.index_content{
	width:100%;
	/*background:url(../images/sum_bg.jpg) no-repeat center top;*/
	height:750px;
}
.index_content h2{
	color:#333;
}
.index_content_ul{
	height:82px;
	width:760px;
	margin: 0 auto;
}
.index_content_ul .sa01{
	width:231px;
	height:51px;
	float:left;
	line-height:51px;
	margin-right:20px;
	text-indent:76px;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	background:#00DFB9;
}
.index_content_ul .sa02{
	width:231px;
	height:51px;
	float:left;
	line-height:51px;
	font-size:18px;
	cursor:pointer;
	text-indent:76px;
	margin-right:20px;
	background:#fff;
}
.index_content_block{
	width:1200px;
	height:430px;
	margin:0 auto;
	background:#fff;
	border: #eaeaea solid 1px;
	box-shadow: 0 0 10px #eee;
}
.index_content_block .img{
	width:640px;
	height:327px;
	float:left;
	padding:47px 0 0 33px;
	overflow:hidden;
}
.index_content_dl{
	width:473px;
	float:right;
	padding-top:40px;
}
.index_content_dl dl{
	width:473px;
	height:90px;
}
.index_content_dl dt{
	width:47px;
	height:47px;
	overflow:hidden;	
	float:left;
}
.index_content_dl dd{
	width:408px;
	float:right;
	color:#999;
	line-height:24px;
}
.index_content_dl dd span{
	line-height:18px;
	display:block;
	margin-bottom:10px;
	font-size:18px;
	color:#333;
}
.index_content_ul li:nth-of-type(1){
	text-indent:97px;
	background:#fff url(../images/ico20_a.png) no-repeat 60px center;
	border: #eaeaea solid 1px;
}
.index_content_ul li:nth-of-type(1).sa01{
	text-indent:97px;
	background:#00DFB9 url(../images/ico20.png) no-repeat 60px center;
}
.index_content_ul li:nth-of-type(2).sa01{
	background:#00DFB9 url(../images/ico21.png) no-repeat 28px center;
}
.index_content_ul li:nth-of-type(3).sa01{
	text-indent:97px;
	background:#00DFB9 url(../images/ico22.png) no-repeat 58px center;
}
.index_content_ul li:nth-of-type(2){
	background:#fff url(../images/ico21_a.png) no-repeat 28px center;
	border: #eaeaea solid 1px;
}
.index_content_ul li:nth-of-type(3){
	text-indent:97px;
	background:#fff url(../images/ico22_a.png) no-repeat 58px center;
	border: #eaeaea solid 1px;
}
.index_content_text1{
	width:1080px;
	height:70px;
	margin:0 auto;
	padding-top:40px;
}
.index_content_text1 li{
	float:left;
	padding-right:60px;
	position:relative;
}
.index_content_text1 li:after{
	position:absolute;
	top:17px;
	right:15px;
	background:url(../images/n_ico.png) no-repeat;
	width:32px;
	height:18px;
	content:"";
}
.index_content_text1 li span{
	height:49px;
	line-height:49px;
	border-radius:3px;
	background:#00DFB9;
	color:#fff;
	padding:0 26px;
	display:inline-block;
	font-size:18px;
}
.index_content_text1 li:nth-last-of-type(1){
	padding:0;
}
.index_content_text1 li:nth-last-of-type(1):after{
	background:none;
}
.index_content_text2{
	width:1060px;
	height:240px;
	padding:30px 0 0 20px;
	background:#F5F5F5;
	margin:0 auto;
}
.index_content_text2 li{
	width:225px;
	height:110px;
	float:left;
	padding:10px 0 0 40px;
}
.index_content_text2 li img{
	width:74px;
	height:74px;
	overflow:hidden;
	float:left;
}
.index_content_text2 li span{
	height:74px;
	line-height:74px;
	display:block;
	float:left;
	padding-left:15px;
	font-size:16px;
}
.index_content_text3{
	width:1155px;
	padding:53px 0 0 25px;
}
.index_content_text3 li{
	width:150px;
	height:186px;
	padding-left:15px;
	float:left;
}
.index_content_text3 li img{
	width:90px;
	height:90px;
	overflow:hidden;
}
.index_content_text3 li span{
	height:58px;
	width:90px;
	text-align:center;
	line-height:58px;
	display:block;
	font-size:16px;
	overflow:hidden;
}
.index_content_text3 li span a{
	font-size:16px;
}

/*---------------------------------*/
.cb_crm{ background: #162036; height: 750px; overflow: hidden;}
.cb_crm h2{ font-size: 36px; color: #fff; text-align: center; margin: 40px 0 20px 0;}
.cb_crm span{ display: block; font-size: 16px; color: #cccccc; text-align: center;}
.cb_crm_content{ width: 1200px; height: 505px; position: relative; margin: 0 auto; background: url(/static2019/images/cb_crm_1.png) no-repeat 300px 60px; overflow: hidden;}
.cb_crm_point{ width: 310px; }
.cb_crm_point img{ display: block; float: left; margin-right: 15px;}
.cb_crm_point h3{ float: left; color: #ffffff; font-size: 20px;}
.cb_crm_point p{ display: block; width: 200px; float: left; color: #aaaaaa; font-size: 14px;}
.cb_crm_point:nth-of-type(5){ width: 780px; }
.cb_crm_point:nth-of-type(5) p{ width: 700px;}

.cb_crm_position1{ position: absolute; top:30px;}
.cb_crm_position2{ position: absolute; top:30px; left:925px;}
.cb_crm_position3{ position: absolute; top:230px;}
.cb_crm_position4{ position: absolute; top:230px; left:925px;}
.cb_crm_position5{ position: absolute; top:420px; }
.cb_crm_position6{ position: absolute; top:420px; left:925px;}

.cb_crm a{ display: block; margin: 0 auto; margin-top: 40px; width: 160px; font-size: 16px; text-align: center; height: 45px; line-height: 43px; color: #fff; background: #0dc7a7;}

/*2019 12 12*/
.index-tab-title{ width: 1200px; margin: 0 auto; }
.index-tab-title span{ display: inline-block; width: 195px; padding-bottom: 20px; text-align: center; font-size: 18px; cursor: pointer;}
.tab-on{ border-bottom: #00dfb9 solid 4px; color: #00dfb9;}
.index-tab-title span i{ display: block; width: 70px; height: 70px; margin: 0 auto; margin-bottom: 15px;}
.index-tab-title span:nth-of-type(1) i { background:url(/static2019/images/crm-tab-a1.png) no-repeat center;}
.index-tab-title span:nth-of-type(2) i { background:url(/static2019/images/crm-tab-b1.png) no-repeat center;}
.index-tab-title span:nth-of-type(3) i { background:url(/static2019/images/crm-tab-c1.png) no-repeat center;}
.index-tab-title span:nth-of-type(4) i { background:url(/static2019/images/crm-tab-d1.png) no-repeat center;}
.index-tab-title span:nth-of-type(5) i { background:url(/static2019/images/crm-tab-e1.png) no-repeat center;}
.index-tab-title span:nth-of-type(6) i { background:url(/static2019/images/crm-tab-f1.png) no-repeat center;}
.index-tab-title span:nth-of-type(1) .tab-image-on { background:url(/static2019/images/crm-tab-a2.png) no-repeat center;}
.index-tab-title span:nth-of-type(2) .tab-image-on { background:url(/static2019/images/crm-tab-b2.png) no-repeat center;}
.index-tab-title span:nth-of-type(3) .tab-image-on { background:url(/static2019/images/crm-tab-c2.png) no-repeat center;}
.index-tab-title span:nth-of-type(4) .tab-image-on { background:url(/static2019/images/crm-tab-d2.png) no-repeat center;}
.index-tab-title span:nth-of-type(5) .tab-image-on { background:url(/static2019/images/crm-tab-e2.png) no-repeat center;}
.index-tab-title span:nth-of-type(6) .tab-image-on { background:url(/static2019/images/crm-tab-f2.png) no-repeat center;}
.index-tab-content{ width: 1200px; margin: 0 auto; padding-bottom: 30px; overflow: hidden;}
.index-tab-left{ float: left; width: 450px; margin-top: 80px;}
.index-tab-left>h3{ font-size: 32px;}
.index-tab-left>p{ color: #666; margin-top: 40px; margin-bottom: 40px; font-size: 16px; line-height: 30px;}
.index-tab-left>a:nth-of-type(1){ margin-right: 20px; float: left; display: block; width: 110px; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #00dfb9; border-radius: 20px;}
.index-tab-left>a:nth-of-type(2){ margin-right: 20px; float: left; display: block; width: 108px; height: 38px; line-height: 38px; color: #00dfb9; text-align: center; border: #00dfb9 solid 1px; border-radius: 19px;}
.index-tab-left>a:nth-of-type(3){ float: left; display: block; width: 108px; height: 38px; line-height: 38px; color: #00dfb9; text-align: center; border: #00dfb9 solid 1px; border-radius: 19px;}
.index-tab-right{ float: right; margin-top: 30px;}
.index-tab-left>a:nth-of-type(2):hover{ color: #fff; background:#00dfb9; }
.index-tab-left>a:nth-of-type(3):hover{ color: #fff; background:#00dfb9; }


.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.ellipsiss {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsisss {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.help-banner{ height: 300px; background: url(/static2019/images/help-bg.png) no-repeat center; overflow: hidden;}
.help-search{ width: 1000px; margin: 0 auto; }
.help-search>h2{ font-size: 48px; color: #fff; text-align: center; margin: 55px 0;}
.help-search-input { float: left; width: 820px; height: 60px; padding-left: 30px; background: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px;}
.help-search-input input { width: 820px; height: 60px; background: none; border: none; font-size: 18px; outline: none; }
.help-search-button{ width: 150px; height: 60px; line-height: 58px; background: #0dc7a7; color: #fff; text-align: center;font-size: 24px; border: none; cursor: pointer; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.help-content{ width: 1200px; margin: 0 auto; padding-bottom: 30px; overflow: hidden;}
.help-content h2{ margin-top: 50px; font-size: 30px; text-align: center;}
.help-content-part{ float: left; margin-top: 40px; margin-right: 60px; padding-bottom: 10px; width: 360px; border-bottom: #dddddd dashed 1px;}
.help-content-part:nth-of-type(3n){ margin-right: 0;}
.help-content-part h3{ padding-left: 30px; font-size: 18px; background: url(/static2019/images/help-q-icon.png) no-repeat;}
.help-content-part div{ margin-left: 30px; margin-top: 20px;}
.help-content-part div a{ padding-left: 15px; display: block; color: #666; height: 40px; line-height: 40px; background: url(/static2019/images/point-icon.png) no-repeat 0 18px; }
.help-content-part div a:hover{ color: #00dfb9; }
.help-content-part>a{ padding-left: 15px; height: 40px; line-height: 40px; color: #00dfb9; margin-left: 30px;background: url(/static2019/images/link-icon.png) no-repeat 0 5px; }
.help-bottom-link{ background: #f4f8fc; overflow: hidden; }
.help-bottom-link>h2{ font-size: 30px; text-align: center; margin-top: 40px;}
.help-bottom-link-box{ width: 1143px; margin: 0 auto;}
.help-bottom-link-box a:nth-of-type(1){ margin:50px 0; width: 550px; height: 198px; float: left; background: url(/static2019/images/help-bottom-link-bg1.png) no-repeat; box-shadow:0 0 15px #d2dee7; }
.help-bottom-link-box a:nth-of-type(2){ margin:50px 0; width: 550px; height: 198px;  float: right; background: url(/static2019/images/help-bottom-link-bg2.png) no-repeat; box-shadow:0 0 15px #d2dee7;}
.help-bottom-link-box a:nth-of-type(2) p{ font-size: 16px; color: #fff; margin: 70px 0 0 30px; line-height: 30px;}

.help-list{background: #f4f8fc; overflow: hidden;}
.help-list-box{ width: 1200px; margin: 0 auto; }
.help-crumbs{ margin: 20px 0;}
.nyproduct-left{ float: left; width: 210px; }
.nyproduct-left-menu{ margin-bottom: 10px; width: 210px; background: #fff; overflow: hidden;}
.nyproduct-left-menu h3{ overflow: hidden; border-bottom: #f7f8fa solid 1px; cursor: pointer; }
.nyproduct-left-menu h3 span{ display: block; float: left; margin-left: 20px; height: 50px; line-height: 48px; font-size: 16px; }
.nyproduct-left-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 15px; transition: all .3s;}
.nyproduct-left-menu ul{ display: none;}
.nyproduct-left-menu ul li{ width: 210px;}
.nyproduct-left-menu ul li a{ display: block; margin-left: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #666; }
.nyproduct-left-menu ul li a:hover{ color: #00dfb9;}
.nyproduct-left-menu-on{ background: #f5f5f5; border-left: #00dfb9 solid 5px;}
.nyproduct-left-menu-on a{ color: #00dfb9!important;}
.rotating{ transform: rotate(180deg);}

.nyproduct-right{ width: 960px; float: right; padding-bottom: 40px; margin-bottom: 40px; background: #fff; }
.nyproduct-right-title{ width: 860px; margin: 0 auto; border-bottom: #eaeaea solid 1px;}
.nyproduct-right-title h3{ font-size: 24px; line-height: 60px; margin-top: 10px; padding-left: 35px; background:  url(/static2019/images/help-q-icon.png) 0 18px no-repeat; }
.nyproduct-right-list{width: 860px; margin: 0 auto; margin-top: 10px;}
.nyproduct-right-list a{ display: block; height: 60px; line-height: 60px; padding-left: 15px; background:  url(/static2019/images/point-icon.png) 0 28px no-repeat; border-bottom: #eaeaea dashed 1px; font-size: 16px; color: #666;}
.nyproduct-right-list a:hover{ color:#00dfb9; }

.nyproduct-right-content{ width: 850px; margin: 0 auto; }
.nyproduct-right-content>h3{ font-size: 24px; margin: 30px 0;}
.nyproduct-right-content-p{ color: #666;}
.nyproduct-right-content-p img{ max-width: 850px;}

/*微信小程序电子名片系统*/
.box{ overflow: hidden;}
.xcxmp-banner{ background: url("../images/xcxmp1.png") no-repeat center; height: 279px; overflow: hidden;}
.xcxmp-banner>h3{ margin-top: 80px; display: block; text-align: center; font-size: 50px; color: #fff; font-weight: bold; letter-spacing: 5px;}
.xcxmp-banner>span{ margin-top: 25px; display: block; text-align: center; font-size: 28px; color: #fff;}
.box>h2{ text-align: center; font-size: 36px; font-weight: bold; margin: 40px 0; color: #333; }
.box>span{ display: block; width: 1000px; text-align: center; font-size: 16px; margin: 0 auto; color: #fff; }
.pyw{ position: relative; width: 1280px; height: 530px; margin: 0 auto; background: url(../images/xcxmp2.png) no-repeat center; font-size: 16px; font-weight: bold;}
.pyw span{ position: absolute;}
.pyw span:nth-of-type(1){ color: #f35656; top: 25px; left: 65px;}
.pyw span:nth-of-type(2){ color: #f35656; top: 25px; left: 360px;}
.pyw span:nth-of-type(3){ color: #2dab56; top: 275px; left: 65px;}
.pyw span:nth-of-type(4){ color: #2dab56; top: 275px; left: 380px;}
.pyw span:nth-of-type(5){ color: #2dab56; top: 25px; left: 640px;}
.pyw span:nth-of-type(6){ width: 250px; color: #2dab56; top: 25px; left: 970px;}
.bg-blue{ background-color: #151e4d;}
.ymp{ width: 1200px; margin: 0 auto; padding-bottom: 30px; display: flex; justify-content: space-between;}
.ymp-box1{ width: 260px;}
.ymp-box1>h3{ height: 100px; padding: 0 20px; display: table-cell; vertical-align: middle; background-color: #4275df; color: #fff; text-align: center;}
.ymp-box1>div{ height: 430px; background-color: #fff; overflow: hidden;}
.ymp-box1>div>img{ display: block; margin: 0 auto; margin-top: 20px;}
.ymp-box2{ width: 260px;}
.ymp-box2>h3{ height: 100px; padding: 0 20px; line-height: 100px; background-color: #4275df; color: #fff; text-align: center;}
.ymp-box2>div{ height: 430px; background-color: #fff; overflow: hidden;}
.ymp-box2>div>img{ display: block; margin: 0 auto; margin-top: 20px;}
.ymp-box3{ width: 670px;}
.ymp-box3>h3{ height: 100px; padding: 0 20px; line-height: 100px; background-color: #4275df; color: #fff; text-align: center;}
.ymp-box3>div{ height: 430px; background-color: #fff; overflow: hidden;}
.ymp-box3>div>h4{ line-height: 60px; color: #333; text-align: center; font-size: 18px;}
.ymp-box3>div>span{ display: block; text-align: center; font-size: 12px;}
.ymp-box3>div>p{ float: left; margin: 90px 0 0 30px; font-size: 12px; line-height: 30px;}
.ymp-box3>div>img{ display: block; margin: 0 auto; margin-top: 20px;}
.mpzy{ position: relative; width: 1300px; margin: 0 auto; margin-bottom: 20px; background: url(../images/xcxmp6.png) no-repeat center; height: 528px; }
.mpzy span{ position: absolute; font-size: 24px; color: #fff;}
.mpzy span:nth-of-type(1){ top: 40px; left: 310px;}
.mpzy span:nth-of-type(2){ top: 40px; left: 735px;}
.mpzy span:nth-of-type(3){ top: 255px; left: 275px;}
.mpzy span:nth-of-type(4){ top: 255px; left: 715px;}
.mpzy h3{ position: absolute; font-size: 24px; font-weight: bold; color: #4275df; top: 420px; left: 270px;}
.tkdzmp{ overflow: hidden;}
.tkdzmp>img{ display: block; margin: 0 auto; margin-top: 40px;}
.tkdzmp-bottom{ width: 1200px; margin: 0 auto; margin-top: 50px; padding: 0 40px; background-color: #222d66; display: flex; justify-content: space-between; flex-wrap: wrap;  overflow: hidden; }
.tkdzmp-bottom>h3{ flex-basis: 100%; text-align: center; font-size: 36px; color: #fff; margin: 30px 0;}
.tkdzmp-bottom span{  width: 260px; height: 120px; font-size: 16px; background-color: #4275df; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.tkdzmp-bottom>h4{ margin: 30px 0; flex-basis: 100%; font-size: 36px; text-align: center; color: #fff; }
.tkdzmp-bottom>h4>i{ color: #ff0000; font-style: normal; }
.mpjg{ width: 1200px; margin: 0 auto; margin-bottom: 30px; display: flex; justify-content: space-between; }
.mpjg>div{ width: 380px; height: 230px; box-shadow: 0 20px 20px #eeeeee; border: #eaeaea solid 1px;}
.mpjg>div>h3{ width: 310px; height: 60px; margin: 0 auto; margin-top: 30px; line-height: 60px; background-color: #ff6c00; text-align: center; color: #fff; font-size: 30px; font-weight: bold;}
.mpjg>div>h3>i{ font-style: normal; font-size: 16px;}
.mpjg>div>span{ display: block; width: 310px; height: 110px; margin: 0 auto; text-align: center; font-size: 16px; background-color: #f5f5f5; overflow: hidden;}
.mpjg>div>span>h4{ margin: 15px 0; font-size: 24px; font-weight: normal; text-align: center; }
.contact-box{ width:1216px; margin: 0 auto; margin-bottom: 15px; display: flex; justify-content: space-between; }
.contact-box>a{ display: block; width: 398px; height: 179px; overflow: hidden; }
.contact-box>a:nth-of-type(1){ background: url(../images/crmgg-24.png) no-repeat; }
.contact-box>a:nth-of-type(2){ background: url(../images/crmgg-25.png) no-repeat; }
.contact-box>a:nth-of-type(3){ background: url(../images/crmgg-26.png) no-repeat; }
.contact-box>a:nth-of-type(1) span{ margin: 40px 0 0 135px; display: block;  font-size: 26px; color: #fff; text-shadow: 0 2px 3px #c94c00; }
.contact-box>a:nth-of-type(1) i{ margin: 10px 0 0 135px; display: block; font-style: normal;  font-size: 16px; color: #fff; text-shadow: 0 2px 3px #c94c00; }
.contact-box>a:nth-of-type(2) span{ margin: 30px 0 0 135px; display: block;  font-size: 26px; color: #fff; text-shadow: 0 2px 3px #1d78ca; }
.contact-box>a:nth-of-type(2) p{ margin: 10px 0 0 135px; display: block; font-style: normal;  font-size: 16px; color: #fff; text-shadow: 0 2px 3px #1d78ca; }
/*社区团购系统*/
.sqtg-banner{ background: url("../images/sqtg1.png") no-repeat center; height: 279px; overflow: hidden;}
.sqtg-banner>h3{ margin-top: 100px; text-align: center; font-size: 55px; color: #fff; font-weight: bold; letter-spacing: 5px; text-shadow: 0 6px 0 #e78c08;}
.sqtg{ width: 1200px; margin: 0 auto; margin-top: 40px; display: flex; justify-content: space-between;}
.sms-box{ width: 590px; border: #eaeaea solid 1px;}
.sms-box h3{ height: 90px; line-height: 90px; text-align: center; font-size: 36px; font-weight: bold; border-bottom: #eaeaea solid 1px;}
.sms-box span{ display: block; font-size: 18px; padding: 30px;}
.sms-box span p{ line-height: 40px;}
.sms-box span p i{ font-weight: bold; font-style: normal; color: #ff7e00; }
.rhyz-box{ width: 590px; border: #eaeaea solid 1px;}
.rhyz-box h3{ height: 90px; line-height: 90px; text-align: center; font-size: 36px; font-weight: bold; border-bottom: #eaeaea solid 1px;}
.rhyz-box span{ display: block; font-size: 18px; padding: 30px;}
.sqtgys-box{ width: 1200px; height: 400px; margin: 0 auto; display: flex; justify-content: space-between;}
.sqtgys-box>div{ width: 280px; height: 340px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.sqtgys-box>div>img{ display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 10px;}
.sqtgys-box>div>h3{ font-size: 16px; font-weight: bold; text-align: center;}
.sqtgys-box>div>p{ padding: 0 25px; margin-top: 20px; line-height: 30px; font-size: 16px; color: #666666; text-align: center;}
.grew-bg{ background-color: #f5f5f5;}
.sqtgxq-box{ width: 1200px; margin: 0 auto; margin-bottom: 60px; display: flex; justify-content: space-between;}
.sqtgxq-box>div{ width: 280px; box-shadow: 0 0 15px #f1f1f1; background-color: #fff; overflow: hidden;}
.sqtgxq-box>div>span{ display: block; height: 130px; overflow: hidden;}
.sqtgxq-box>div:nth-of-type(1) span{ background-color: #83a2ff;}
.sqtgxq-box>div:nth-of-type(2) span{ background-color: #fc6186;}
.sqtgxq-box>div:nth-of-type(3) span{ background-color: #fcba49;}
.sqtgxq-box>div:nth-of-type(4) span{ background-color: #20b9fd;}
.sqtgxq-box>div>span>h3{ text-align: center; font-size: 24px; color: #fff; margin-top: 25px; font-weight: bold;}
.sqtgxq-box>div>span>i{ display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 20px; font-weight: bold; font-style: normal;}
.sqtgxq-box>div>p{ padding: 20px 30px; line-height: 30px; color: #666;}
.sqtgjg-box{ width: 1200px; margin: 0 auto; margin-bottom: 40px; display: flex; justify-content: space-between;}
.sqtgjg-box>div{ width: 380px; height: 195px; box-shadow: 0 20px 20px #eeeeee; border: #eaeaea solid 1px; display: flex; align-items: center; justify-content: center;}
.sqtgjg-box>div>span{ display: block; width: 310px; height: 125px; background-color: #f5f5f5;}
.sqtgjg-box>div>span>h3{ margin-top: 20px; font-size: 30px; text-align: center;}
.sqtgjg-box>div>span>h4{ margin-top: 10px; font-size: 30px; text-align: center; color: #ff6c00;}
.sqtgjg-box>div>span>h4>i{ font-size: 16px; font-style: normal;}



